<html><head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>LAN Savings Calculator</title>
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" type="text/css" href="./css/bootstrap.css">
    <link rel="stylesheet" type="text/css" href="./css/blc-bootstrap.css">
    <link type="text/css" rel="stylesheet" href="./css/ion.rangeSlider.css">
    <link type="text/css" rel="stylesheet" href="./css/ion.rangeSlider.blc.css">
    <link type="text/css" rel="stylesheet" href="./css/nokia.css" media="all">
    <style type="text/css">
        .nokia-blue {
            background-color: #124191;
        }
        .nokia-lightblue {
            color: #00C9FF;
        }
        .scrollable {
            overflow-y: auto;
            /* border: 1px solid grey; */
        }
        .input-table td {
            padding:5px 15px 5px 15px;
        }
        .tab-page {
            padding-top: 5px;
        }
        select {
            font-size: 14px;
        }
        div.center
        {
            width: 400px;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }
        #help-btn {
            background-color: #00C9FF;
        }

        .info-text p,li {font-size: 80%!important;}
    </style>
</head>
<body>
<!-- Header with logo -->
<nav class="navbar navbar-default">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">
                <img alt="Nokia" src="./img/Nokia.png" width="120">
            </a>
        </div>
        <!-- The label show the current scenario -->
        <label id="header-title" class="control-label" style="padding-top: 15px; padding-left: 30%; font-size: 140%;">LAN Savings Calculator</label>
        <!-- <label id="header-title" class="control-label center-block"  style="padding-top: 15px;"><h3>LAN Savings Calculator</h3></label> -->
    </div>
</nav>
<div class="container-fluid">
    <div class="row">
        <div id="sensitivity" class="col-md-3">
            <button id="help-btn" type="button" class="btn">
                <span class="glyphicon glyphicon-exclamation-sign"></span> Info
            </button>
            <h3>Parameters</h3>
            Floors
            <span class="irs js-irs-1"><span class="irs"><span class="irs-line" tabindex="-1"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span class="irs-min" style="visibility: visible;">2</span><span class="irs-max" style="visibility: visible;">10</span><span class="irs-from" style="visibility: hidden;">0</span><span class="irs-to" style="visibility: hidden;">0</span><span class="irs-single" style="left: 36.9697%;">5</span></span><span class="irs-grid"></span><span class="irs-bar" style="left: 1.66364%; width: 36.2523%;"></span><span class="irs-bar-edge"></span><span class="irs-shadow shadow-single" style="display: none;"></span><span class="irs-slider single" style="left: 36.2523%;"></span></span><input class="js-range-slider irs-hidden-input" id="slider-floors" readonly="">
            End Points
            <span class="irs js-irs-0"><span class="irs"><span class="irs-line" tabindex="-1"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span class="irs-min" style="visibility: visible;">200</span><span class="irs-max" style="visibility: visible;">2 000</span><span class="irs-from" style="visibility: hidden;">0</span><span class="irs-to" style="visibility: hidden;">0</span><span class="irs-single" style="left: 42.0024%;">1 000</span></span><span class="irs-grid"></span><span class="irs-bar" style="left: 1.66364%; width: 42.9657%;"></span><span class="irs-bar-edge"></span><span class="irs-shadow shadow-single" style="display: none;"></span><span class="irs-slider single" style="left: 42.9657%;"></span></span><input class="js-range-slider irs-hidden-input" id="slider-end-points" readonly="">
            Horizontal drop length (m)
            <span class="irs js-irs-2"><span class="irs"><span class="irs-line" tabindex="-1"><span class="irs-line-left"></span><span class="irs-line-mid"></span><span class="irs-line-right"></span></span><span class="irs-min" style="visibility: visible;">25</span><span class="irs-max" style="visibility: visible;">90</span><span class="irs-from" style="visibility: hidden;">0</span><span class="irs-to" style="visibility: hidden;">0</span><span class="irs-single" style="left: 37.4068%;">50</span></span><span class="irs-grid"></span><span class="irs-bar" style="left: 1.66364%; width: 37.1818%;"></span><span class="irs-bar-edge"></span><span class="irs-shadow shadow-single" style="display: none;"></span><span class="irs-slider single" style="left: 37.1818%;"></span></span><input class="js-range-slider irs-hidden-input" id="slider-drop-length" readonly="">
            <br>
            <table class="input-table">
                <tbody><tr>
                    <th>Analysis</th>
                    <td>
                        <select id="chart-select">
                            <option value="0" selected="">TCO</option>
                            <option value="1">Capex</option>
                            <option value="2">Opex</option>
                        </select>
                    </td>
                </tr>
                <tr><th>Period</th>
                    <td>
                        <select id="year-select">
                            <option value="0" selected="">Year 1</option>
                            <option value="1">Year 2</option>
                            <option value="2">Year 3</option>
                            <option value="3">Year 4</option>
                            <option value="4">Year 5</option>
                        </select>
                    </td>
                </tr>
                </tbody></table>
        </div>
        <div class="col-md-9">
            <div id="tco-chart-0" data-highcharts-chart="2"><div id="highcharts-10" class="highcharts-container " style="position: relative; overflow: hidden; width: 661px; height: 400px; text-align: left; line-height: normal; z-index: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0);"><svg version="1.1" class="highcharts-root" style="font-family:&quot;Lucida Grande&quot;, &quot;Lucida Sans Unicode&quot;, Arial, Helvetica, sans-serif;font-size:12px;" xmlns="http://www.w3.org/2000/svg" width="661" viewBox="0 0 661 400" height="400"><desc>Created with Highcharts 5.0.0</desc><defs><clipPath id="highcharts-11"><rect x="0" y="0" width="451" height="350" fill="none"></rect></clipPath></defs><rect fill="#ffffff" class="highcharts-background" x="0" y="0" width="661" height="400" rx="0" ry="0"></rect><rect fill="none" class="highcharts-plot-background" x="75" y="10" width="451" height="350"></rect><g class="highcharts-grid highcharts-xaxis-grid "><path fill="none" class="highcharts-grid-line" d="M 525.5 10 L 525.5 360" opacity="1"></path><path fill="none" class="highcharts-grid-line" d="M 74.5 10 L 74.5 360" opacity="1"></path></g><g class="highcharts-grid highcharts-yaxis-grid "><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 360.5 L 526 360.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 302.5 L 526 302.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 243.5 L 526 243.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 185.5 L 526 185.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 127.5 L 526 127.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 68.5 L 526 68.5" opacity="1"></path><path fill="none" stroke="#e6e6e6" stroke-width="1" class="highcharts-grid-line" d="M 75 9.5 L 526 9.5" opacity="1"></path></g><rect fill="none" class="highcharts-plot-border" x="75" y="10" width="451" height="350"></rect><g class="highcharts-axis highcharts-xaxis "><path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1" d="M 526.5 360 L 526.5 370" opacity="1"></path><path fill="none" class="highcharts-tick" stroke="#ccd6eb" stroke-width="1" d="M 74.5 360 L 74.5 370" opacity="1"></path><path fill="none" class="highcharts-axis-line" stroke="#ccd6eb" stroke-width="1" d="M 75 360.5 L 526 360.5"></path></g><g class="highcharts-axis highcharts-yaxis "><text x="28.890625" text-anchor="middle" transform="translate(0,0) rotate(270 28.890625 185)" class="highcharts-axis-title" style="color:#666666;fill:#666666;" y="185"><tspan>Relative cost(%)</tspan></text><path fill="none" class="highcharts-axis-line" stroke="#ccd6eb" stroke-width="1" d="M 74.5 10 L 74.5 360"></path></g><g class="highcharts-series-group"><g class="highcharts-series highcharts-series-0 highcharts-column-series highcharts-color-undefined highcharts-tracker " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="url(#highcharts-11)"><rect x="107.5" y="58.5" width="55" height="168" fill="#00C9FF" class="highcharts-point " stroke="#ffffff" stroke-width="1"></rect></g><g class="highcharts-markers highcharts-series-0 highcharts-column-series highcharts-color-undefined " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="none"></g><g class="highcharts-series highcharts-series-1 highcharts-column-series highcharts-color-undefined highcharts-tracker " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="url(#highcharts-11)"><rect x="107.5" y="226.5" width="55" height="77" fill="#124191" class="highcharts-point " stroke="#ffffff" stroke-width="1"></rect></g><g class="highcharts-markers highcharts-series-1 highcharts-column-series highcharts-color-undefined " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="none"></g><g class="highcharts-series highcharts-series-2 highcharts-column-series highcharts-color-undefined highcharts-tracker" transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="url(#highcharts-11)"><rect x="107.5" y="303.5" width="55" height="47" fill="#4D5766" class="highcharts-point" stroke="#ffffff" stroke-width="1"></rect></g><g class="highcharts-markers highcharts-series-2 highcharts-column-series highcharts-color-undefined " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="none"></g><g class="highcharts-series highcharts-series-3 highcharts-column-series highcharts-color-undefined highcharts-tracker" transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="url(#highcharts-11)"><rect x="288.5" y="273.5" width="55" height="52" fill="#00C9FF" class="highcharts-point" stroke="#ffffff" stroke-width="1"></rect></g><g class="highcharts-markers highcharts-series-3 highcharts-column-series highcharts-color-undefined " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="none"></g><g class="highcharts-series highcharts-series-4 highcharts-column-series highcharts-color-undefined highcharts-tracker" transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="url(#highcharts-11)"><rect x="288.5" y="325.5" width="55" height="13" fill="#124191" class="highcharts-point" stroke="#ffffff" stroke-width="1"></rect></g><g class="highcharts-markers highcharts-series-4 highcharts-column-series highcharts-color-undefined " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="none"></g><g class="highcharts-series highcharts-series-5 highcharts-column-series highcharts-color-undefined highcharts-tracker" transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="url(#highcharts-11)"><rect x="288.5" y="338.5" width="55" height="12" fill="#4D5766" class="highcharts-point" stroke="#ffffff" stroke-width="1"></rect></g><g class="highcharts-markers highcharts-series-5 highcharts-column-series highcharts-color-undefined " transform="translate(75,10) scale(1 1)" width="350" height="451" clip-path="none"></g></g><g class="highcharts-stack-labels" visibility="visible" transform="translate(75,10)"><text x="135" style="font-size:11px;font-weight:bold;color:gray;text-shadow:1px 1px #FFFFFF, -1px -1px #FFFFFF, -1px 1px #FFFFFF, 1px -1px #FFFFFF;fill:gray;text-rendering:geometricPrecision;" text-anchor="middle" transform="translate(0,0)" y="38"><tspan>Traditional LAN</tspan></text><text x="316" style="font-size:11px;font-weight:bold;color:gray;text-shadow:1px 1px #FFFFFF, -1px -1px #FFFFFF, -1px 1px #FFFFFF, 1px -1px #FFFFFF;fill:gray;text-rendering:geometricPrecision;" text-anchor="middle" transform="translate(0,0)" y="253"><tspan>Optical LAN</tspan></text></g><g class="highcharts-legend" transform="translate(538,165)"><rect fill="none" class="highcharts-legend-box" rx="0" ry="0" x="0" y="0" width="113" height="65" visibility="visible"></rect><g><g><g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-0" transform="translate(8,3)"><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start">Maintenance</text><rect x="2" y="4" width="12" height="12" fill="#00C9FF" rx="6" ry="6" class="highcharts-point"></rect></g><g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-1" transform="translate(8,21)"><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start"><tspan>Floor Space</tspan></text><rect x="2" y="4" width="12" height="12" fill="#124191" rx="6" ry="6" class="highcharts-point"></rect></g><g class="highcharts-legend-item highcharts-column-series highcharts-color-undefined highcharts-series-2" transform="translate(8,39)"><text x="21" y="15" style="color:#333333;font-size:12px;font-weight:bold;cursor:pointer;fill:#333333;" text-anchor="start">Energy</text><rect x="2" y="4" width="12" height="12" fill="#4D5766" rx="6" ry="6" class="highcharts-point"></rect></g></g></g></g><g class="highcharts-axis-labels highcharts-xaxis-labels "><text x="300.5" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:441px;text-overflow:clip;" text-anchor="middle" transform="translate(0,0)" y="379" opacity="1"><tspan>Year 1</tspan></text></g><g class="highcharts-axis-labels highcharts-yaxis-labels "><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="363" opacity="1"><tspan>0</tspan></text><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="304" opacity="1"><tspan>20</tspan></text><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="246" opacity="1"><tspan>40</tspan></text><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="188" opacity="1"><tspan>60</tspan></text><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="129" opacity="1"><tspan>80</tspan></text><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="71" opacity="1"><tspan>100</tspan></text><text x="60" style="color:#666666;cursor:default;font-size:11px;fill:#666666;width:208px;text-overflow:clip;" text-anchor="end" transform="translate(0,0)" y="13" opacity="1"><tspan>120</tspan></text></g><g class="highcharts-label highcharts-tooltip highcharts-color-undefined" display="block" style="cursor:default;pointer-events:none;white-space:nowrap;" transform="translate(285,-9999)" opacity="0" visibility="visible"><path fill="none" class="highcharts-label-box highcharts-tooltip-box" d="M 3.5 0.5 L 126.5 0.5 C 129.5 0.5 129.5 0.5 129.5 3.5 L 129.5 31.5 C 129.5 34.5 129.5 34.5 126.5 34.5 L 69.5 34.5 63.5 40.5 57.5 34.5 3.5 34.5 C 0.5 34.5 0.5 34.5 0.5 31.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="#000000" stroke-opacity="0.049999999999999996" stroke-width="5" transform="translate(1, 1)"></path><path fill="none" class="highcharts-label-box highcharts-tooltip-box" d="M 3.5 0.5 L 126.5 0.5 C 129.5 0.5 129.5 0.5 129.5 3.5 L 129.5 31.5 C 129.5 34.5 129.5 34.5 126.5 34.5 L 69.5 34.5 63.5 40.5 57.5 34.5 3.5 34.5 C 0.5 34.5 0.5 34.5 0.5 31.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="#000000" stroke-opacity="0.09999999999999999" stroke-width="3" transform="translate(1, 1)"></path><path fill="none" class="highcharts-label-box highcharts-tooltip-box" d="M 3.5 0.5 L 126.5 0.5 C 129.5 0.5 129.5 0.5 129.5 3.5 L 129.5 31.5 C 129.5 34.5 129.5 34.5 126.5 34.5 L 69.5 34.5 63.5 40.5 57.5 34.5 3.5 34.5 C 0.5 34.5 0.5 34.5 0.5 31.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" isShadow="true" stroke="#000000" stroke-opacity="0.15" stroke-width="1" transform="translate(1, 1)"></path><path fill="rgba(247,247,247,0.85)" class="highcharts-label-box highcharts-tooltip-box" d="M 3.5 0.5 L 126.5 0.5 C 129.5 0.5 129.5 0.5 129.5 3.5 L 129.5 31.5 C 129.5 34.5 129.5 34.5 126.5 34.5 L 69.5 34.5 63.5 40.5 57.5 34.5 3.5 34.5 C 0.5 34.5 0.5 34.5 0.5 31.5 L 0.5 3.5 C 0.5 0.5 0.5 0.5 3.5 0.5" stroke="#00C9FF" stroke-width="1"></path><text x="8" style="font-size:12px;color:#333333;fill:#333333;" y="20"><tspan>Maintenance 57.3%</tspan></text></g></svg></div></div>
            <p id="chart-text" style="padding-left: 100px">The Total Opex Cost of your Nokia Optical LAN is only 26.5 % of the Total Opex Cost of Traditional LAN with the same parameters. Your savings = <b class="nokia-lightblue">73.5 %</b></p>
        </div>
        <div class="col-md-12 text-center">
            <button type="button" class="btn btn-success" id="btnCTA">Start saving on your LAN</button>
        </div>
    </div>
    <div id="info-text" style="display: none;">
        <div class="info-text">
            <h4>Assumptions</h4>
            <p>
                The Nokia Optical LAN Savings Calculator tool calculates the total savings percentage of an optical LAN solution relative to a traditional copper-based LAN based on the parameters entered: number of floors, end points and horizontal drop length (m). The savings are represented as
            </p>
            <ol>
                <li>Total Savings</li>
                <li>Capital Expenditure (CAPEX)</li>
                <li>Operational Expenditure (OPEX)</li>
            </ol>
            <p>
                The CAPEX consists of networking equipment and cabling and their representation is relative to the CAPEX.
                The OPEX consists of energy, floor space and maintenance and their representation is relative to the OPEX.
            </p>
            <p>
                This tool is based on an economical model of an enterprise building by Nokia Bell Labs and contains a number of assumptions. The assumptions may not reflect the circumstances of your business, and information used in the assumptions is subject to change.
            </p>
            <h4>Period</h4>
            <p>
                The savings will be simulated for 2 options: First Year and cumulative after 5 years.
            </p>
            <h4>Configuration</h4>
            <p>
                The Optical LAN configuration includes a central Optical Line Terminal (OLT) located in a main IT room, and a passive splitter on each floor to provide aggregation of multiple Optical Network Terminals (ONTs) connected with fiber. The OLT consists of 4 slots and each slot can be equipped with a 16 PON port Line Terminal (LT) and as such the OLT can support up to 8,192 endpoints.
            </p>
            <p>
                The traditional copper-based LAN architecture in this model is based on the assumption that each floor requires a 24p workgroup switch to aggregate multiple GigE endpoints over Cat 6 cabling and a 24p core switch located in the main IT room to aggregate traffic from multiple workgroup switches.        </p>
            <p>
                For the horizontal drop cable, Single Mode Fiber is considered for Optical LAN and CAT6 cabling for traditional copper-based LAN.        </p>
            <p>
                For both network options, it is assumed that traffic is handed off from the main IT room to a wide area network (WAN) for connectivity outside the enterprise.        </p>
            <p>
            </p><h4>Disclaimer</h4>
            <p>
                The LAN Savings Calculator provides general information only. The results from this tool should be used only as an indication as they are not intended to be relied on for the purposes of making a decision.        </p>
            <p>
                Should you be interested in the Nokia Optical LAN solution then consider reaching out to Nokia Sales Representatives for a meeting or a quote before making any decision.
            </p>
        </div>
    </div>
    <!-- Information Dialog -->
    <div class="fade modal" id="bs-info-dialog" role="dialog">
        <div class="modal-dialog modal-lg" role="document">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Info</h4>
                </div>
                <div class="modal-body">
                    <p id="info-message"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Warning Dialog -->
    <div class="modal fade" id="bs-warning-dialog" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Warning</h4>
                </div>
                <div class="modal-body">
                    <p id="warning-message"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Error Dialog -->
    <div class="modal fade" id="bs-error-dialog" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Error Message</h4>
                </div>
                <div class="modal-body">
                    <p id="error-message"></p>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>

    <!-- Input Dialog -->
    <div class="modal fade" id="bs-input-dialog" role="dialog">
        <div class="modal-dialog">
            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">×</button>
                    <h4 class="modal-title">Input</h4>
                </div>
                <div class="modal-body">
                    <input type="text" id="bs-input-dialog-input">
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>
        </div>
    </div>
    <script type="text/javascript" src="./js/lan-libs.js"></script>
    <script type="text/javascript" src="./data/tcoData.js"></script>
    <script type="text/javascript" src="./js/lan-all.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#btnCTA").on("click", function(){
                location.href = "https://pages.nokia.com/9160.Contact-Us.html?utm_campaign=lanSavingsCalculator";
            }); //click

        }); //end
    </script>


</div></body></html>